
.user {
  height: 100vh;
  background-color: #edf1f2;
  .header {
    // position: relative;
    height: 260px;
    // background-color: #409EFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius:30px;
    border-top-right-radius: 30px;
    overflow: hidden;
    .bg {
      width: 100%;
      height: 100%;
      background: url('../img/top.jpg') no-repeat;
      background-size: cover;
    }
    .me {
      // position: absolute;
      // top: 50px;
      // left: 30px;
      border-radius: 40px;
      overflow: hidden;
      border: 5px solid rgba($color: #409EFF, $alpha: .5); 
      .name {
       color: #409EFF;
      }
    }
    .mess {
      height: 80px;
      margin-top: 45px;
      overflow: hidden;
      font-size: 17px;
      color:#409EFF ;
   
    }
    .mess .mess-item:nth-child(2) {
      padding-right: 50px;
      padding-left: 50px;
      border-right: 1px solid #409EFF;
      border-left: 1px solid #409EFF;
    }
  }
  .main {
    width: 96%;
    height: 100%;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba($color: #000000, $alpha: .3);
    margin: 0 auto;
    .main-item {
      height: 40px;
      border-bottom: 1px solid rgba($color: grey, $alpha: .3);
    }
    .iconfont {
      color: #409EFF;
    }
  }
  .botNav {
    position: fixed;
    bottom: 0;
    height: 44px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid grey;
    .iconfont {
      font-size: 24px;
    }
  }
}